<div class="goods">
  <div
    class="goodsItem"
    *ngFor="let item of goodsList; index as i; first as isFirst"
    class="goodsItem"
    [ngClass]="isFirst ? 'firstGoods' : ''"
    (click)="clickItem(i)"
  >
    <div class="title">{{ item.name }}</div>
    <div class="price">{{ item.price }}</div>
    <div class="btn">
      <span>进入查看</span>
      <svg
        t="1694600890677"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="6577"
        width="12"
        height="12"
      >
        <path
          d="M282.7264 1004.714667c8.738133 0 17.476267-3.345067 24.132267-10.001067l458.615467-458.5472c13.346133-13.346133 13.346133-34.9184 0-48.264533L306.858667 29.2864c-13.346133-13.346133-34.9184-13.346133-48.264533 0s-13.346133 34.9184 0 48.264533L693.077333 512 258.594133 946.449067c-13.346133 13.346133-13.346133 34.9184 0 48.264533C265.250133 1001.3696 273.988267 1004.714667 282.7264 1004.714667z"
          fill="#ffffff"
          p-id="6578"
        ></path>
      </svg>
    </div>
    <div class="img">
      <img
        src="/assets/p({{ item.img }}).jpeg"
        alt="{{ item.name }}"
        mode="aspectFill"
        [ngStyle]="{ width: isFirst ? '14rem' : '5rem' }"
      />
    </div>
  </div>
</div>
